/*
 * @description 定位
 */
@import '../setting/scssVariable.scss';

/****************************** 一.定位 ******************************/

// 命名规则：po-类型
// 示例：po-r -> position: relative;
@each $key, $value in $atomic-position {
  [po-#{$key}] {
    position: $value;
  }
}

/****************************** 二.层级 ******************************/

// 命名规则：z-数值
// 示例：z-100 -> z-index: 100;
@each $key in $atomic-zindex {
  [z-#{$key}] {
    z-index: $key;
  }
}

/****************************** 三.位置 ******************************/

// 命名规则：{t、b、l、r}-数值
// 示例：t-20 -> top: 20px;
@each $key, $value in $atomic-direction {
  @for $i from 0 through $atomic-location {
    [#{$key}-#{$i}] {
      #{$value}: #{$i}px;
    }
  }
}
